<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!-- Not used unless you declare a <form-login login-page="/login.jsp"/> element -->

<html>
<head>
	<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
	<title>Admin Application :: Login Page</title>
	<link rel="stylesheet"
		  type="text/css"
          href="<c:out value="${pageContext.request.contextPath}"/>/css/login/style.css" />
</head>

<body onload="document.loginForm.j_username.focus();">

<div id="header">
    <!--
    <div class="logo">
        <div class="logo-image">
            <img src="<c:out value="${pageContext.request.contextPath}"/>/images/login/security-admin-logo.gif"
            	 alt="Security Admin"/>
        </div>
    </div>
    -->
</div>
<div id="login">
    <form name="loginForm"
    	  id="loginForm"
    	  action="j_spring_security_check"
    	  method="post">

        <h1 class="offscreen"></h1>
        <div id="right-column minwidth">
            <h2 style="padding-left:44px"> Log in</h2>


            <c:if test="${not empty param.login_error}">
                	<div class="row" style="margin-left:44px">
                        <div align="left">
                            <font color="red" size=".75em">
                            	<ul>
                            		<li>Your login attempt was not successful, try again.</li>
                            		<li>Reason: Wrong password or username.</li>
								</ul>
                            </font>
                        </div>
                        <br/>
                    </div>
                </c:if>
            <div class="form" style="font-size:.75em">
                <div class="row">
                    <div>
                        <label style="text-align:right;"
                        	   id="formID2:FirstNameLabel"
                        	   for="formID2:FirstNameinput">
                        	<strong>Login</strong>
                            <strong class="red-field-indicator disabled"></strong>
                        </label>
                        <input type="text"
                        	   id="formID2:FirstNameinput"
                        	   name="j_username"
                        	   value=""
                               class="input-form-field a-large"
                               maxlength="255"
                               onblur="this.style.border='1px solid #B8B8B8'; this.style.margin='2px 5px 2px 2px';"
                               onfocus="this.style.border='2px solid #6699ff'; this.style.margin='1px 4px 1px 1px';" />
						<div class="clear"></div>
                    </div>
                    <br/>
                </div>
                <div class="clear"></div>
                <div class="row">
                    <div>
                        <label style="text-align:right;"
                        	   id="formID2:MiddleNameLabel"
                        	   for="formID2:MiddleNameinput">
                            <strong>Password</strong>
                            <strong class="red-field-indicator disabled"></strong>
                        </label>
                        <input type="password"
                        	   id="formID2:MiddleNameinput"
                        	   name="j_password"
                               class="input-form-field a-large"
                               maxlength="255"
                               onblur="this.style.border='1px solid #B8B8B8'; this.style.margin='2px 5px 2px 2px';"
                               onfocus="this.style.border='2px solid #6699ff'; this.style.margin='1px 4px 1px 1px';" />
						<div class="clear"></div>
                    </div>
                    <br/>
                </div>
                <div class="row"></div>
                <div class="clear"></div>

                <fieldset>
                    <div class="row" style="margin-left: 130px;">
                        	<input style="width: 80px; margin:0px; float: none;"
                        		   type="submit"
                        		   id="loginBtn"
                        		   class="button-select"
                        		   value="Login"/>

                       	&#160;

                        	<input style="width: 80px; margin:0px; float: none;"
                        		   type="reset"
                        		   id="resetBtn"
                        		   class="button-select"
                        		   value="Clear"/>

                    </div>
                </fieldset>
                <div class="row" style="font-size:10px; margin-left:130px">
                    predefined: admin/admin
                </div>
            </div>
        </div>
    </form>
</div>

</body>
</html>